<template>
  <div>
    <!-- 御剑乘风来,除魔天地间!
    <br />
    <router-view></router-view> -->
    <ul>
      <li><router-link to="/">一号位</router-link></li>
      <li><router-link to="/Er1">二号位</router-link></li>
      <li><router-link to="/San1">三号位</router-link></li>
    </ul>
    <br />
    <hr />
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  name: '',
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
ul {
  display: flex;
}
li {
  width: 50px;
  height: 50px;
  margin: 20px;
  background-color: yellow;
  .router-link-exact-active {
    background-color: red;
  }
}
</style>
